<template>
  <div>
    <mt-header fixed title="个人简历"></mt-header>
    <router-view/>
    <nav class="mui-bar mui-bar-tab">
        <router-link class="mui-tab-item" to="/skill">
          <span class="fa fa-wrench" aria-hidden="true"></span>
          <span class="mui-tab-label mui-y">技能</span>
        </router-link>
        <router-link class="mui-tab-item" to="/record">
          <span class="fa fa-quora" aria-hidden="true"></span>
          <span class="mui-tab-label mui-y">履历</span>
        </router-link>
        <router-link class="mui-tab-item" to="/project">
          <span class="fa fa-trophy" aria-hidden="true"></span>
          <span class="mui-tab-label mui-y">项目</span>
        </router-link>
        <router-link class="mui-tab-item" to="/myself">
          <span class="mui-icon mui-icon-contact"></span>
          <span class="mui-tab-label">我</span>
        </router-link>
      </nav>
  </div>
</template>

<script>
export default {
  // name: 'app'
}
</script>

<style>
.mint-header-title{
  letter-spacing: 18px;
  font-size: 18px;
}
.mui-y{
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
</style>
